<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>

		<h1>测试if</h1>
		小明的数学成绩:<input type="text" id="input1" />
		<button onclick="check1()">判断是否及格</button>
		<button onclick="check2()">判断等级</button>

		<h1>测试switch</h1>
		请输入一个颜色:<input type="text" id="input2" />
		<button onclick="setColor()">设置颜色</button>

		<script>
			// 1. if

			function check() {
				var math = input1.value
				if (math > 59) {
					alert("及格了!")
				} else {
					alert("不及格!")
				}
			}

			function check2() {
				var math = input1.value
				if (math > 89) {
					alert("优秀!")
				} else if (math > 79) {
					alert("良好!")
				} else if (math > 69) {
					alert("合格!")
				}
			}

			// 练习:
			// 1. yong

			function setColor() {
				var c = input2.value

				switch (c) {
					case "red":
						alert("红色");
						document.body.style.backgroundColor = c;
						break;
					case "green":
						alert("绿色");
						document.body.style.backgroundColor = c;
						break;
					case "blue":
						alert("蓝色");
						document.body.style.backgroundColor = c;
						break;
					default:
						alert("用户输入的是其他内容");
						document.body.style.backgroundColor = "white";
				}
			}
		</script>

	</body>
</html>
